<template>
  <div class="main" style="width:7.5rem;min-height:100vh">
    <div>
     <go-back></go-back>
    <scroller>
     <div class="company-content"  style="width:7.5rem;min-height:100vh">
       <div style="height:1rem"></div>
                <div class="dongtai">
                    <div class="checkall">
                        <span>公司动态</span>
                        <b  @click="commonJs.gopush('../setting/allpdf')"><a>查看全部</a></b>
                    </div>
                    <div class="news_ol_list">
                        <div class="news_item item_1 current" id="newslist">
                          <div class='news_sub_list' v-for="item in article" :key="item.title">
                            <span @click="gopdf(item.url)">
                              <a class='txt'  target='_blank' :href="item.url">{{item.title}}</a>
                            </span>        
                          </div>
                        </div>
                    </div>
                </div>
                <div class="fazhan">
                    <div class="checkall">
                        <span>发展历程</span>
                    </div>
                    <div class="year-content-box">
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2019</b></span>
                            </div>
                            <div class="right">
                                <span><b>面对高中推出“开展升学教育上更好大学”服务体系：校内 讲学.校外研学.平台测评,手册参考。</b><b>面对高校推出“招生服务再升级，就业服务集大成”的全链
                                        服务体系。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2018</b></span>
                            </div>
                            <div class="right">
                                <span><b>举办顶尖高中高校对接峰会，全国100余所985、211高校和400余所重点高中参会。</b><b>公司整体搬迁至市心5A写字楼整层环形办公区，“一山双
                                        湖”尽收眼底。</b><b>面向签约高中赠送《升学辅导课》教材200万册。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2017</b></span>
                            </div>
                            <div class="right">
                                <span><b>“武汉升学在线科技股份有限公司”新三板上市。</b><b>成立“武汉升学在线国际旅游有限公司”，布局研学市场。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2016</b></span>
                            </div>
                            <div class="right">
                                <span><b>大力拓展市场，业务全面覆盖全国20省份。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2015</b></span>
                            </div>
                            <div class="right">
                                <span><b>推出《志愿填报手册》，一举成为高中生最喜爱的志愿填报参考书。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2014</b></span>
                            </div>
                            <div class="right">
                                <span><b>正式创办“武汉升学在线科技股份有限公司”</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2013</b></span>
                            </div>
                            <div class="right">
                                <span><b>全国首创高中终端咨询模式。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2012</b></span>
                            </div>
                            <div class="right">
                                <span><b>编辑出版国内第一本升学工具书《升学宝典》,第一次印刷即售罄。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2008</b></span>
                            </div>
                            <div class="right">
                                <span><b>与腾讯、新浪及多省教育厅网站合作，共建全国招生统一咨询平台。</b></span>
                            </div>
                        </div>
                        <div class="yearbox lastbox">
                            <div class="left">
                                <span><b>2004</b></span>
                            </div>
                            <div class="right">
                                <span><b>与十余省教育厅网站合作，首创网上招生宣传先河。</b></span>
                            </div>
                        </div>
                        <div class="xian"></div>
                    </div>
                </div>
                <div class="team-content">
                    <div class="checkall">
                        <span>管理团队</span>
                    </div>
                    <img class="leaderimg" src="https://static.shengxue985.com/sxzx_web/images/leader.png" alt="">
                    <div class="company_title">
                        <div class="subtitle"><span>创始人</span><i></i><b></b></div>
                        <div class="lead-first-wrapper">
                            <div class="lead-box">
                                <i class="bg-a1 leadimg"></i>
                                <span>
                                    <b>邵隆</b>
                                    <em>创始人/CEO</em>
                                </span>
                            </div>
                        </div>
                        <div class="subtitle"><span>平台管理团队</span><i></i><b></b></div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a2 leadimg"></i>
                                    <span> <b>管业伟</b>
                                        <em>联合创始人/副总裁</em> 
                                    </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a3 leadimg"></i>
                                    <span> <b>丁亚伟</b>
                                        <em>副总经理</em> 
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a4 leadimg"></i>
                                    <span> <b>张微</b>
                                        <em>副总经理</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a5 leadimg"></i>
                                    <span> <b>程亚</b>
                                        <em>总编/研究院院长</em> 
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="subtitle"><span>市场管理团队</span><i></i><b></b></div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a6 leadimg"></i>
                                    <span> <b>刘洋</b>
                                        <em>大区总监</em> 
                                    </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a7 leadimg"></i>
                                    <span> <b>钱坤</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a8 leadimg"></i>
                                    <span> <b>余乾</b>
                                        <em>大区总监</em> 
                                    </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a9 leadimg"></i>
                                    <span> <b>王鹏</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a10 leadimg"></i>
                                    <span> <b>刘波</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a11 leadimg"></i>
                                    <span> <b>芮爽</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a12 leadimg"></i>
                                    <span> <b>熊锐</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a13 leadimg"></i>
                                    <span> <b>张青芳</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a14 leadimg"></i>
                                    <span> <b>祁强胜</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a15 leadimg"></i>
                                    <span> <b>张玉</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a16 leadimg"></i>
                                    <span> <b>李庆</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a17 leadimg"></i>
                                    <span> <b>魏巍</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>

                        <div class="subtitle"><span>产品管理团队</span><i></i><b></b></div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a18 leadimg"></i>
                                    <span> <b>舒立</b>
                                        <em>CTO</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a19 leadimg"></i>
                                    <span> <b>张美爱</b>
                                        <em>副总编</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a20 leadimg"></i>
                                    <span> <b>叶扬</b>
                                        <em>策划运营总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a21 leadimg"></i>
                                    <span> <b>黄镇</b>
                                        <em>高级架构师</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a22 leadimg"></i>
                                    <span> <b>刘涛</b>
                                        <em>升学研究院副院长</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a23 leadimg"></i>
                                    <span> <b>余明轩</b>
                                        <em>研发经理</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a24 leadimg"></i>
                                    <span> <b>马作飞</b>
                                        <em>设计总监</em> </span>
                                </div>
                            </div>
                            <div class="leads" style="background: #fff;">

                            </div>
                        </div>
                        <div class="subtitle"><span>内勤管理团队</span><i></i><b></b></div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a25 leadimg"></i>
                                    <span> <b>唐思敏</b>
                                        <em>财务部部长</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a26 leadimg"></i>
                                    <span> <b>王巧巧</b>
                                        <em>行政人事部部长</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a27 leadimg"></i>
                                    <span> <b>剧彦艳</b>
                                        <em>行政人事部副部长</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a28 leadimg"></i>
                                    <span> <b>孙光雄</b>
                                        <em>印刷业务总监</em> </span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="map-content">
                    <div class="checkall">
                        <span>业务覆盖</span>
                    </div>
                    <img class="mapImg" src="~@/static/company/map.png" alt="">
                    <span class="mapdesc">升学在线覆盖范围</span>
                </div>
                <div class="contri-content">
                    <div class="checkall">
                        <span>社会贡献</span>
                    </div>
                    <div class="charity-box">
                        <i class="bg-b1"></i>
                        <div class="inner">
                            <span>“升学教育”体系</span>
                            <b>构建了“升学教育”体系助力高中学校新高考落地，让学生上更好大学.</b>
                        </div>
                    </div>
                    <div class="charity-box">
                        <i class="bg-b2"></i>
                        <div class="inner">
                            <span>高校招生终端</span>
                            <b>搭建了全国高中高校对接通道，开创了高校招生终端宣传体系.</b>
                        </div>
                    </div>
                    <div class="charity-box">
                        <i class="bg-b3"></i>
                        <div class="inner">
                            <span>志愿填报手册</span>
                            <b>赠送《志愿填报手册》2000万本帮助了数千万考生上更好大学.</b>
                        </div>
                    </div>
                    <div class="charity-box">
                        <i class="bg-b4"></i>
                        <div class="inner">
                            <span>升学辅导课</span>
                            <b>赠送了《升学辅导课》教材 2000万本，价值1.5亿元.</b>
                        </div>
                    </div>
                    <div class="charity-box" style="border-bottom: none;">
                        <i class="bg-b5"></i>
                        <div class="inner">
                            <span>公益讲座</span>
                            <b>开创了升学公益讲座志愿填报咨询会20000场次.参会学生超过1000万人次.</b>
                        </div>
                    </div>
                </div>
                <div style="height:100px"></div>
          </div>
    </scroller>
    </div>
  </div>
</template>
<script>
import goBack from "~/components/headerBack";
import ls from "store2";
import article from '~/static/json/article.json'
// import { Scroller } from "vux";
import config from '../../package.json'
export default {
  head: {
    title: "升学在线"
  },
  components: {
    // Scroller,
    goBack
  },
  created() {},
  data() {
    return {
      article:article,
      morenImg: require("~/static/usermoren.png"),
      wechat_version: "",
   
    };
  },
  watch: {},
  mounted: function() {
    
    console.log('article: ', this.article)
    this.$visit("AboutApp")
    this.wechat_version = config.version;
  },
  methods: {
    gopdf (url) {
      window.location.href = url
    }
  },
  beforeDestroy() {}
};
</script>

<style scoped lang="less">
            .aboutWrap {
              width: 7.5rem;
              min-height: 100vh;
              height: auto;
              background: #fff;
              position: relative;

            }
            .main{
              width:7.5rem;
              height: 100vh;
             
            }
            .company-content {
                width: 100%;
                height: auto;
                padding: 0 0.25rem;
                box-sizing: border-box;
                background: #fff;
            }

            .checkall {
                height: 1rem;
                line-height: 1rem;
                display: flex;
            }

            .checkall span {
                flex: 1;
                font-size: 0.3rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: rgba(0, 0, 0, 1);
            }

            .checkall b {
                font-size: 0.24rem;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(239, 130, 0, 1);

            }
             .checkall a{
                  font-size: 0.24rem;
                 font-family: PingFang SC;
                 font-weight: 500;
                 color: rgba(239, 130, 0, 1);
                 text-decoration: none;
             }   
            .news_sub_list {
                display: block;
                width: 100%;
                height: auto;
                padding: 0;
                margin: 0;
            }

            .news_sub_list span {
                display: block;
                width: 100%;
                /* height: 1rem; */
                overflow: hidden;
                font-size: 0.3rem;
                padding: 0;
                margin: 0;
                margin-bottom: 0.3rem;
                /* font-style: none; */
            }

            .news_sub_list span a {

                text-decoration: none;
                font-style: none;
                font-size: 0.24rem;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(85, 90, 93, 1);

                line-height: 0.4rem;
                width: 100%;
                display: inline-block;
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
            }

            .dongtai {
                padding-bottom: 0.3rem;
                border-bottom: 0.01rem solid rgba(220, 220, 220, 1);
            }

            .fazhan {
                padding-top: 0.2rem;
            }

            .yearbox {
                width: 100%;
                /* height: 800px; */
                /* background: yellow; */
                display: flex;
                align-items: stretch;
            }

            .yearbox .left {
                width: 1rem;
                /* height: 500px; */
                /* background: red; */
                position: relative;
            }

            .yearbox .left span {
                display: block;
                height: 100%;
                font-size: 0.3rem;
                /* line-height:36px; */
            }



            .yearbox .left span b {
                font-size: 0.3rem;
                font-family: PingFang SC;
                font-weight: 800;
                color: rgba(239, 130, 0, 1);
                position: relative;
                z-index: 2;
                display: inline-block;
                background: #fff;
                padding: 0.1rem 0;
            }

            .yearbox .right {
                flex: 1;
                /* height: 500px; */
                /* background: pink; */
            }

            .yearbox .right span {
                display: block;
                padding-bottom: 0.3rem;
                border-bottom: 1px solid rgba(220, 220, 220, 1);
            }

            .lastbox .right span {
                padding-bottom: 0rem;
                border-bottom: none;
            }

            .yearbox .right span b {
                display: block;
                font-size: 0.24rem;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(66, 66, 66, 1);
                line-height: 0.3rem;
                margin-top: 0.2rem;

            }

            .year-content-box {
                width: 100%;
                height: auto;
                position: relative;
                margin-bottom: 0.4rem;
                /* background: #000; */
            }

            .year-content-box .xian {
                position: absolute;
                width: 1px;
                height: 100%;
                background: rgba(220, 220, 220, 1);
                left: 0.3rem;
                top: 0;
                z-index: 1;
            }

            .team-content {
                border-top: 1px solid rgba(220, 220, 220, 1);
            }

            .team-content .leaderimg {
                display: block;
                width: 100%;
                height: auto;
            }

            .leadimg {
                display: block;
            }

            .bg-a1 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -0.1rem -0.1rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a2 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -1.26rem -0.1rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a3 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -0.1rem -1.26rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a4 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -1.26rem -1.26rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a5 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -2.42rem -0.1rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a6 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -2.42rem -1.26rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a7 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -0.1rem -2.42rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a8 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -1.26rem -2.42rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a9 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -2.42rem -2.42rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a10 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -3.58rem -0.1rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a11 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -3.58rem -1.26rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a12 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -3.58rem -2.42rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a13 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -0.1rem -3.58rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a14 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -1.26rem -3.58rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a15 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -2.42rem -3.58rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a16 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -3.58rem -3.58rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a17 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -4.74rem -0.1rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a18 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -4.74rem -1.26rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a19 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -4.74rem -2.42rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a20 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -4.74rem -3.58rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a21 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -0.1rem -4.74rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a22 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -1.26rem -4.74rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a23 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -2.42rem -4.74rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a24 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -3.58rem -4.74rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a25 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -4.74rem -4.74rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a26 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -5.9rem -0.1rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a28 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -5.9rem -1.26rem;
                background-size: 6.98rem 5.8rem;
            }

            .bg-a27 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/leaders.png') -5.9rem -2.42rem;
                background-size: 6.98rem 5.8rem;
            }

            .company_title .subtitle {
                display: block;
                font-size: 0.24rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: rgba(66, 66, 66, 1);
                line-height: 0.8rem;
            }

            .lead-first-wrapper {
                width: 100%;
                height: 0.96rem;

                background: rgba(243, 244, 246, 1);
            }

            .lead-box {
                display: flex;

            }

            .lead-box span {
                flex: 1;
                font-size: 0.3rem;
                padding-left: 0.25rem;
                box-sizing: border-box;

            }

            .lead-box span b,
            .lead-box span em {
                display: block;
                height: 0.5rem;
                line-height: 0.5rem;
            }

            .lead-box span b {

                font-size: 0.24rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: rgba(38, 38, 38, 1);
                /* line-height:23px; */
            }

            .lead-box span em {

                font-size: 0.2rem;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(89, 89, 89, 1);
                font-style: normal;
                /* line-height:23px; */
            }

            .leads-list {
                display: flex;
                margin-bottom: 0.3rem;
            }

            .leads {
                flex: 1;
                background: rgba(243, 244, 246, 1);
            }

            .leads:nth-of-type(1) {
                margin-right: 0.05rem;
            }

            .mapImg {
                display: block;
                width: 6rem;
                height: auto;
                margin: 0.2rem auto 0.4rem;
            }

            .mapdesc {
                display: block;
                text-align: center;
                font-size: 0.24rem;
                font-family: PingFang SC;
                font-weight: 800;
                color: rgba(66, 66, 66, 1);
                margin-bottom: 0.3rem;
            }

            .bg-b1 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/bg-charity.png') -0.1rem -0.1rem;
                background-size: 3.48rem 2.32rem;
            }

            .bg-b2 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/bg-charity.png') -1.26rem -0.1rem;
                background-size: 3.48rem 2.32rem;
            }

            .bg-b3 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/bg-charity.png') -0.1rem -1.26rem;
                background-size: 3.48rem 2.32rem;
            }

            .bg-b4 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/bg-charity.png') -1.26rem -1.26rem;
                background-size: 3.48rem 2.32rem;
            }

            .bg-b5 {
                width: 0.96rem;
                height: 0.96rem;
                background: url('~@/static/company/bg-charity.png') -2.42rem -0.1rem;
                background-size: 3.48rem 2.32rem;
            }

            .charity-box {
                display: flex;
                padding: 0.3rem 0;
                border-bottom: 0.01rem solid rgba(238, 238, 238, 1);
                margin-bottom: 0.8rem;
            }

            .charity-box .inner {
                flex: 1;
                padding-left: 0.3rem;
                box-sizing: border-box;
            }

            .charity-box .inner span,
            .charity-box .inner b {
                display: block;
            }

            .charity-box .inner span {
                font-size: 0.24rem;
                font-family: PingFang SC;
                font-weight: bold;
                color: rgba(28, 30, 34, 1);
            }

            .charity-box .inner b {
                /* height:43px; */
                font-size: 0.2rem;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(85, 90, 93, 1);
            }
            .map-content{
                border-top: 0.01rem solid rgba(238, 238, 238, 1);
                margin-top: 0.8rem;
                padding-top: 0.3rem;
            }
            .contri-content{
                margin-top: 0.6rem;
                border-top: 0.01rem solid rgba(238, 238, 238, 1);
                 padding-top: 0.3rem;
            }
</style>
